<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Form</title>
        <link href="../../py/resources/share/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/icons.css" rel="stylesheet" type="text/css" />
		
		<link href="../../py/resources/share/form/slider.css" rel="stylesheet" type="text/css" />
        <link href="../../py/resources/default/form/slider.css" rel="stylesheet" type="text/css" />
		
        <script src="../../py/system.js" type="text/javascript"></script>
		<script src="../../py/system/dom/element.js" type="text/javascript"></script>
		<script src="../../py/system/dom/drag.js" type="text/javascript"></script>
		<script src="../../py/system/controls/itargetedcontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/slider.js" type="text/javascript"></script>
		
		<script src="../../common/project/project.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/default.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/debug.js" type="text/javascript"></script>
		<script>
			
			
			new Slider({
				barSize: 200,
				renderTo: true
			})
			
		</script>
		
    </head>
    <body>
		
		
		
    <div style="width: 100px; " class="x-slider">
        <div class="x-slider-left">
            <div class="x-slider-right">
                <div class="x-slider-center">
                    <a class="x-slider-handle " style="left: 24.32px;">
                    </a>
                </div>
            </div>
        </div>
    </div>
	
	
	 <div style=" height: 100px; " class="x-slider x-slider-vertial">
        <div class="x-slider-left">
            <div class="x-slider-right">
                <div class="x-slider-center" style="height: 86px;">
                    <a class="x-slider-handle " style="top: 24.32px;">
                    </a>
                </div>
            </div>
        </div>
    </div>
    </body>
</html>
